<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>JQ轮播图</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<select id="select_box">
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>

		</select>
		<div class="carousel_box" data-gap="50">
			<ul>
			</ul>
			<div class="arrow left_arrow">
				<span>
					&lt;
				</span>
			</div>
			<div class="arrow right_arrow">
				<span>
					&gt;
				</span>
			</div>
			<ol id="controls_box">
			</ol>
		</div>
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>